<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Destry - Fashion eCommerce HTML Template</title>
    <!-- Favicons -->
    <link rel="shortcut icon" href="assets/images/favicon.ico">

    <link rel="stylesheet" href="assets/css/vendor.min.css">
    <link rel="stylesheet" href="assets/css/plugins.min.css">
    <link rel="stylesheet" href="assets/css/style.min.css">
    <link rel="stylesheet" type="text/css" href="lib/sweet-alert.css"><br>
    <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
    <script src="https://unpkg.com/axios/dist/axios.min.js"></script>
    <script src="assets/js/template-web.js"></script>
    <style>
        .btn-dark{
            background-color: #0e9aef;
        }
    </style>

</head>

<body>
<div id="app">


    <div class="header section">


        <!-- Header Top End -->

        <!-- Header Bottom Start -->
        <div class="header-bottom">
            <div class="header-sticky">
                <div class="container">
                    <div class="row align-items-center">

                        <!-- Header Logo Start -->
                        <div class="col-xl-2 col-6">
                            <div class="header-logo">
                                <a href="index.html"><img width="105" src="assets/images/logo/log.png" alt="Site Logo" /></a>
                            </div>
                        </div>
                        <!-- Header Logo End -->

                        <!-- Header Menu Start -->
                        <div class="col-xl-8 d-none d-xl-block" id="header">
                            <div class="main-menu position-relative">
                                <ul>

                                    <li class="has-children">
                                        <a href="index.html"><span>首页</span></a>
                                    </li>
                                    <li class="has-children position-static">
                                        <a href="about.html"><span>公司简介</span></a>
                                    </li>
                                    <li class="has-children">
                                        <a href="#"><span>婚纱套系</span> <i class="fa fa-angle-down"></i></a>

                                        <ul class="sub-menu" id="wedding_dress_l">
                                        </ul>
                                    </li>
                                    <li class="has-children">
                                        <a href="#"><span>金牌团队</span> <i class="fa fa-angle-down"></i></a>
                                        <ul class="sub-menu" id="team">
                                        </ul>
                                    </li>
                                    <li class="has-children">
                                        <a href="#"><span>作品展示</span> <i class="fa fa-angle-down"></i></a>
                                        <ul class="sub-menu" id="work_show">

                                        </ul>
                                    </li>
                                    <li><a href="message.html"> <span>热点咨询</span></a></li>
                                    <li><a href="wishlist.html"> <span>预约</span></a></li>
                                </ul>
                            </div>



                        </div>
                        <!-- Header Menu End -->

                        <!-- Header Action Start -->
                        <div class="col-xl-2 col-6" id="right-header">

                        </div>
                        <!-- Header Action End -->

                    </div>
                </div>
            </div>
        </div>
        <!-- Header Bottom End -->

        <!-- Mobile Menu Start -->
        <div class="mobile-menu-wrapper">
            <div class="offcanvas-overlay"></div>

            <!-- Mobile Menu Inner Start -->
            <div class="mobile-menu-inner">

                <!-- Button Close Start -->
                <div class="offcanvas-btn-close">
                    <i class="pe-7s-close"></i>
                </div>
                <!-- Button Close End -->

                <!-- Mobile Menu Start -->
                <div class="mobile-navigation">
                    <nav>
                        <ul class="mobile-menu">
                            <li class="has-children">
                                <a href="#">Home <i class="fa fa-angle-down"></i></a>
                                <ul class="dropdown">
                                    <li><a href="index.html">Home One</a></li>
                                    <li><a href="index-2.html">Home Two</a></li>
                                </ul>
                            </li>
                            <li class="has-children">
                                <a href="#">Shop <i class="fa fa-angle-down" aria-hidden="true"></i></a>
                                <ul class="dropdown">
                                    <li><a href="shop-grid.html">Shop Grid</a></li>
                                    <li><a href="shop-left-sidebar.html">Shop Left Sidebar</a></li>
                                    <li><a href="shop-right-sidebar.html">Shop Right Sidebar</a></li>
                                    <li><a href="shop-list-fullwidth.html">Shop List Fullwidth</a></li>
                                    <li><a href="shop-list-left-sidebar.html">Shop List Left Sidebar</a></li>
                                    <li><a href="shop-list-right-sidebar.html">Shop List Right Sidebar</a></li>
                                    <li><a href="wishlist.html">Wishlist</a></li>
                                    <li><a href="cart.html">Shopping Cart</a></li>
                                    <li><a href="checkout.html">Checkout</a></li>
                                    <li><a href="compare.html">Compare</a></li>
                                </ul>
                            </li>
                            <li class="has-children">
                                <a href="#">Product <i class="fa fa-angle-down" aria-hidden="true"></i></a>
                                <ul class="dropdown">
                                    <li><a href="single-product.html">Single Product</a></li>
                                    <li><a href="single-product-sale.html">Single Product Sale</a></li>
                                    <li><a href="single-product-group.html">Single Product Group</a></li>
                                    <li><a href="single-product-normal.html">Single Product Normal</a></li>
                                    <li><a href="single-product-affiliate.html">Single Product Affiliate</a></li>
                                    <li><a href="single-product-slider.html">Single Product Slider</a></li>
                                    <li><a href="single-product-gallery-left.html">Gallery Left</a></li>
                                    <li><a href="single-product-gallery-right.html">Gallery Right</a></li>
                                    <li><a href="single-product-tab-style-left.html">Tab Style Left</a></li>
                                    <li><a href="single-product-tab-style-right.html">Tab Style Right</a></li>
                                    <li><a href="single-product-sticky-left.html">Sticky Left</a></li>
                                    <li><a href="single-product-sticky-right.html">Sticky Right</a></li>
                                </ul>
                            </li>
                            <li class="has-children">
                                <a href="#">Pages <i class="fa fa-angle-down" aria-hidden="true"></i></a>
                                <ul class="dropdown">
                                    <li><a href="about.html">About Us</a></li>
                                    <li><a href="contact.html">Contact</a></li>
                                    <li><a href="faq.html">Faq</a></li>
                                    <li><a href="404-error.html">Error 404</a></li>
                                    <li><a href="my-account.html">My Account</a></li>
                                    <li><a href="login-register.html">Loging | Register</a></li>
                                </ul>
                            </li>
                            <li class="has-children">
                                <a href="#">Blog <i class="fa fa-angle-down" aria-hidden="true"></i></a>
                                <ul class="dropdown">
                                    <li><a href="blog.html">Blog</a></li>
                                    <li><a href="blog-left-sidebar.html">Blog Left Sidebar</a></li>
                                    <li><a href="blog-right-sidebar.html">Blog Right Sidebar</a></li>
                                    <li><a href="blog-details.html">Blog Details</a></li>
                                    <li><a href="blog-details-sidebar.html">Blog Details Sidebar</a></li>
                                </ul>
                            </li>
                            <li><a href="about.html">About</a></li>
                            <li><a href="contact.html">Contact</a></li>
                        </ul>
                    </nav>
                </div>
                <!-- Mobile Menu End -->

                <!-- Language, Currency & Link Start -->
                <div class="offcanvas-lag-curr mb-6">
                    <h2 class="title">Languages</h2>
                    <div class="header-top-lan-curr-link">
                        <div class="header-top-lan dropdown">
                            <button class="dropdown-toggle" data-bs-toggle="dropdown">English <i class="fa fa-angle-down"></i></button>
                            <ul class="dropdown-menu dropdown-menu-right animate slideIndropdown">
                                <li><a class="dropdown-item" href="#">English</a></li>
                                <li><a class="dropdown-item" href="#">Japanese</a></li>
                                <li><a class="dropdown-item" href="#">Arabic</a></li>
                                <li><a class="dropdown-item" href="#">Romanian</a></li>
                            </ul>
                        </div>
                        <div class="header-top-curr dropdown">
                            <button class="dropdown-toggle" data-bs-toggle="dropdown">USD <i class="fa fa-angle-down"></i></button>
                            <ul class="dropdown-menu dropdown-menu-right animate slideIndropdown">
                                <li><a class="dropdown-item" href="#">USD</a></li>
                                <li><a class="dropdown-item" href="#">Pound</a></li>
                            </ul>
                        </div>
                    </div>
                </div>
                <!-- Language, Currency & Link End -->

                <!-- Contact Links/Social Links Start -->
                <div class="mt-auto">

                    <!-- Contact Links Start -->
                    <ul class="contact-links">
                        <li><i class="fa fa-phone"></i><a href="#"> +012 3456 789 123</a></li>
                        <li><i class="fa fa-envelope-o"></i><a href="#"> info@example.com</a></li>
                        <li><i class="fa fa-clock-o"></i> <span>Monday - Sunday 9.00 - 18.00</span> </li>
                    </ul>
                    <!-- Contact Links End -->

                    <!-- Social Widget Start -->
                    <div class="widget-social">
                        <a title="Facebook" href="#"><i class="fa fa-facebook-f"></i></a>
                        <a title="Twitter" href="#"><i class="fa fa-twitter"></i></a>
                        <a title="Linkedin" href="#"><i class="fa fa-linkedin"></i></a>
                        <a title="Youtube" href="#"><i class="fa fa-youtube"></i></a>
                        <a title="Vimeo" href="#"><i class="fa fa-vimeo"></i></a>
                    </div>
                    <!-- Social Widget Ende -->
                </div>
                <!-- Contact Links/Social Links End -->
            </div>
            <!-- Mobile Menu Inner End -->
        </div>
        <!-- Mobile Menu End -->

        <!-- Offcanvas Search Start -->
        <div class="offcanvas-search">
            <div class="offcanvas-search-inner">

                <!-- Button Close Start -->
                <div class="offcanvas-btn-close">
                    <i class="pe-7s-close"></i>
                </div>
                <!-- Button Close End -->

                <!-- Offcanvas Search Form Start -->
                <form class="offcanvas-search-form" action="#">
                    <input type="text" placeholder="Search Product..." class="offcanvas-search-input">
                </form>
                <!-- Offcanvas Search Form End -->

            </div>
        </div>
        <!-- Offcanvas Search End -->

        <!-- Cart Offcanvas Start -->
        <div class="cart-offcanvas-wrapper">
            <div class="offcanvas-overlay"></div>

            <!-- Cart Offcanvas Inner Start -->
            <div class="cart-offcanvas-inner">

                <!-- Button Close Start -->
                <div class="offcanvas-btn-close">
                    <i class="pe-7s-close"></i>
                </div>
                <!-- Button Close End -->

                <!-- Offcanvas Cart Content Start -->
                <div class="offcanvas-cart-content">
                    <!-- Offcanvas Cart Title Start -->
                    <h2 class="offcanvas-cart-title mb-10">Shopping Cart</h2>
                    <!-- Offcanvas Cart Title End -->

                    <!-- Cart Product/Price Start -->
                    <div class="cart-product-wrapper mb-6">

                        <!-- Single Cart Product Start -->
                        <div class="single-cart-product">
                            <div class="cart-product-thumb">
                                <a href="single-product.html"><img src="assets/images/products/small-product/1.jpg" alt="Cart Product"></a>
                            </div>
                            <div class="cart-product-content">
                                <h3 class="title"><a href="single-product.html">Brother Hoddies in Grey</a></h3>
                                <span class="price">
								<span class="new">$38.50</span>
                                <span class="old">$40.00</span>
                                </span>
                            </div>
                        </div>
                        <!-- Single Cart Product End -->

                        <!-- Product Remove Start -->
                        <div class="cart-product-remove">
                            <a href="#"><i class="fa fa-trash"></i></a>
                        </div>
                        <!-- Product Remove End -->

                    </div>
                    <!-- Cart Product/Price End -->

                    <!-- Cart Product/Price Start -->
                    <div class="cart-product-wrapper mb-6">

                        <!-- Single Cart Product Start -->
                        <div class="single-cart-product">
                            <div class="cart-product-thumb">
                                <a href="single-product.html"><img src="assets/images/products/small-product/2.jpg" alt="Cart Product"></a>
                            </div>
                            <div class="cart-product-content">
                                <h3 class="title"><a href="single-product.html">Basic Jogging Shorts</a></h3>
                                <span class="price">
								<span class="new">$14.50</span>
                                <span class="old">$18.00</span>
                                </span>
                            </div>
                        </div>
                        <!-- Single Cart Product End -->

                        <!-- Product Remove Start -->
                        <div class="cart-product-remove">
                            <a href="#"><i class="fa fa-trash"></i></a>
                        </div>
                        <!-- Product Remove End -->

                    </div>
                    <!-- Cart Product/Price End -->

                    <!-- Cart Product/Price Start -->
                    <div class="cart-product-wrapper mb-6">

                        <!-- Single Cart Product Start -->
                        <div class="single-cart-product">
                            <div class="cart-product-thumb">
                                <a href="single-product.html"><img src="assets/images/products/small-product/3.jpg" alt="Cart Product"></a>
                            </div>
                            <div class="cart-product-content">
                                <h3 class="title"><a href="single-product.html">Enjoy The Rest T-Shirt</a></h3>
                                <span class="price">
								<span class="new">$20.00</span>
                                <span class="old">$21.00</span>
                                </span>
                            </div>
                        </div>
                        <!-- Single Cart Product End -->

                        <!-- Product Remove Start -->
                        <div class="cart-product-remove">
                            <a href="#"><i class="fa fa-trash"></i></a>
                        </div>
                        <!-- Product Remove End -->

                    </div>
                    <!-- Cart Product/Price End -->

                    <!-- Cart Product Total Start -->
                    <div class="cart-product-total">
                        <span class="value">Subtotal</span>
                        <span class="price">220$</span>
                    </div>
                    <!-- Cart Product Total End -->

                    <!-- Cart Product Button Start -->
                    <div class="cart-product-btn mt-4">
                        <a href="cart.html" class="btn btn-dark btn-hover-primary rounded-0 w-100">View cart</a>
                        <a href="checkout.html" class="btn btn-dark btn-hover-primary rounded-0 w-100 mt-4">Checkout</a>
                    </div>
                    <!-- Cart Product Button End -->

                </div>
                <!-- Offcanvas Cart Content End -->

            </div>
            <!-- Cart Offcanvas Inner End -->
        </div>
        <!-- Cart Offcanvas End -->

    </div>


    <!-- Breadcrumb Section Start -->
    <div class="section">

        <!-- Breadcrumb Area Start -->
        <div class="breadcrumb-area bg-light">
            <div class="container-fluid">
                <div class="breadcrumb-content text-center">
                    <h1 class="title">登录 | 注册</h1>
                    <ul>
                        <li>
                            <a href="index.html">首页 </a>
                        </li>
                        <li class="active"> 登录 | 注册</li>
                    </ul>
                </div>
            </div>
        </div>
        <!-- Breadcrumb Area End -->

    </div>
    <!-- Breadcrumb Section End -->

    <!-- Login | Register Section Start -->
    <div class="section section-margin">
        <div class="container">

            <div class="row mb-n10">
                <div class="col-lg-6 col-md-8 m-auto m-lg-0 pb-10">
                    <!-- Login Wrapper Start -->
                    <div class="login-wrapper">

                        <!-- Login Title & Content Start -->
                        <div class="section-content text-center mb-5">
                            <h2 class="title mb-2">登录</h2>
                            <p class="desc-content">请使用下面的帐户详情登录</p>
                        </div>
                        <!-- Login Title & Content End -->

                        <!-- Form Action Start -->
                        <div>

                            <!-- Input Email Start -->
                            <div class="single-input-item mb-3">
                                <input type="text" v-model="form.username" placeholder="请输入手机号">
                            </div>
                            <!-- Input Email End -->

                            <!-- Input Password Start -->
                            <div class="single-input-item mb-3">
                                <input type="password" v-model="form.password" placeholder="请输入密码">
                            </div>
                            <!-- Input Password End -->

                            <!-- Checkbox/Forget Password Start -->

                            <!-- Checkbox/Forget Password End -->

                            <!-- Login Button Start -->
                            <div class="single-input-item mb-3">
                                <button class="btn btn btn-dark btn-hover-primary rounded-0" @click="login">登录</button>
                            </div>
                            <!-- Login Button End -->

                            <!-- Lost Password & Creat New Account Start -->
                            <div class="lost-password">
                                <a href="login-register.html">创建账户</a>
                            </div>
                            <!-- Lost Password & Creat New Account End -->

                        </div>
                        <!-- Form Action End -->

                    </div>
                    <!-- Login Wrapper End -->
                </div>
                <div class="col-lg-6 col-md-8 m-auto m-lg-0 pb-10">
                    <!-- Register Wrapper Start -->
                    <div class="register-wrapper">

                        <!-- Login Title & Content Start -->
                        <div class="section-content text-center mb-5">
                            <h2 class="title mb-2">创建账户</h2>
                            <p class="desc-content">请使用下面的账户明细注册</p>
                        </div>
                        <!-- Login Title & Content End -->

                        <!-- Form Action Start -->
                        <div>

                            <!-- Input First Name Start -->
                            <div class="single-input-item mb-3">
                                <input type="text" v-model="registerForm.name" placeholder="请输入昵称">
                            </div>

                            <div class="single-input-item mb-3">
                                <input type="username" v-model="registerForm.username" placeholder="请输入手机号">
                            </div>
                            <div class="single-input-item mb-3">
                                <input type="text" style="width: 200px" v-model="registerForm.verificationCode" placeholder="请输入验证码"><button class="btn btn btn-dark btn-hover-primary rounded-0" :disabled="dis" @click="getVerificationCode">获取手机验证码</button><button type="info" v-show="!show" class="count">{{count}} s</button>
                            </div>

                            <!-- Input Password Start -->
                            <div class="single-input-item mb-3">
                                <input type="password" v-model="registerForm.password" placeholder="请输入密码">
                            </div>
                            <!-- Input Password End -->

                            <!-- Register Button Start -->
                            <div class="single-input-item mb-3">
                                <button class="btn btn btn-dark btn-hover-primary rounded-0" @click="register">注册</button>
                            </div>
                            <!-- Register Button End -->

                        </div>
                        <!-- Form Action End -->

                    </div>
                    <!-- Register Wrapper End -->
                </div>
            </div>

        </div>
    </div>
    <!-- Login | Register Section End -->

    <!-- Footer Section Start -->
    <footer class="section footer-section" >
        <!-- Footer Top Start -->
        <div class="footer-top section-padding">
            <div class="container">
                <div class="row mb-n10">

                    <div class="col-12 col-sm-6 col-lg-2 col-xl-2 mb-10" data-aos="fade-up" data-aos-delay="300">
                        <div class="single-footer-widget">
                            <h2 class="widget-title">友情链接</h2>
                            <ul class="widget-list">
                                <li><a href="http://www.milan520.com/">米兰婚纱摄影</a></li>
                                <li><a href="https://www.bj520.com/">伯爵旅拍</a></li>
                                <li><a href="http://lovesfy.shop.liebiao.com/">苏菲雅婚纱摄影</a></li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- Footer Top End -->

        <!-- Footer Bottom Start -->
        <div class="footer-bottom">
            <div class="container">
                <div class="row align-items-center">
                    <div class="col-12 text-center">
                        <div class="copyright-content">
                            <p class="mb-0">Copyright © 2021 <a href="#">jq22</a> All Rights Reserved.</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </footer>
    <!-- Footer Section End -->

    <!-- Scroll Top Start -->
    <a href="#" class="scroll-top" id="scroll-top">
        <i class="arrow-top fa fa-long-arrow-up"></i>
        <i class="arrow-bottom fa fa-long-arrow-up"></i>
    </a>


</div>
<script src="assets/js/vendor.min.js"></script>
<script src="assets/js/plugins.min.js"></script>



<!--Main JS-->
<script src="assets/js/main.js"></script>
<script src="config/config.js"></script>
<script src="lib/sweet-alert.min.js"></script>
<!--获取婚纱套系-->
<script type="text/html" id="wedding_dress">
    {{each data item i}}
    <li><a href="single-product.html?id={{item.id}}">{{item.name}}</a></li>
    {{/each}}
</script>

<script type="text/html" id="team_script">
    {{each data item i}}
    <li><a href="blog-details.html?id={{item.id}}">{{item.name}}</a></li>
    {{/each}}
</script>

<script type="text/html" id="work_show_script">
    {{each data item i}}
    <li><a href="show.html?id={{item.id}}">{{item.name}}</a></li>
    {{/each}}
</script>
</body>
<script>
    $(document).ready(function(){
        $("#right-header").load("right-header.html");
        getWeddingDress();
        getTeam();
        getWorkShow();
    });
    var app = new Vue({
        el: '#app',
        data: {
            dis:false,
            form:{
                type:0
            },
            registerForm:{},
            verificationCodeRequest:{
                phone:''
            },
            show: true,
            count: '',
            timer: null,
        },
        methods:{
            //登录
            login:function () {
                axios({
                    method:'post',
                    url:httpUrl+'/api/login',
                    data:this.form,
                    header:{
                        'Content-Type':'application/json'
                    }
                }).then(function(res){
                    //swal("登录成功!", "请点击下方按钮进入首页!", "success")
                    if(res.data.code == 200){
                        sessionStorage.setItem("token",res.data.data.token);
                        swal({
                            title: "登录成功!",
                            text: "点击下方按钮跳转首页!",
                            type: "success",
                            showCancelButton: false,
                            confirmButtonColor: "#0EDCDD",
                            confirmButtonText: "OK",
                            closeOnConfirm: false
                        },function () {
                            location.href = "index.html";
                        });
                    }else{
                        swal("登录失败", res.data.msg, "error")
                    }

                }).catch(Error=>{
                    console.log(Error)
                });
            },
            //注册
            register:function () {
                axios({
                    method: 'post',
                    url: httpUrl+'/api/register',
                    data: this.registerForm,
                    header: {
                        'Content-Type': 'application/json'
                    }
                }).then(function (res) {
                    if(res.data.code == 200){
                        //成功
                        swal("注册成功", "请进行登录", "success")
                        location.reload();
                    }else{
                        swal("注册失败", res.data.msg, "error")
                    }
                }).catch(Error => {
                    console.log(Error)
                });
            },
            //获取验证码
            getVerificationCode:function () {
                this.timeCount();
                this.dis = true;
                this.verificationCodeRequest.phone = this.registerForm.username;
                axios({
                    method: 'post',
                    url: httpUrl+'/api/sendVerificationCodeRegister',
                    data: this.verificationCodeRequest,
                    header: {
                        'Content-Type': 'application/json'
                    }
                }).then(function (res) {
                    if(res.data.code == 200){
                        //成功

                    }else{
                        swal("获取短信验证码失败", res.data.msg, "error");
                    }
                }).catch(Error => {
                    console.log(Error)
                });
            },
            //初始化方法
            init111:function () {
                //判断是否登陆过
                let token = sessionStorage.getItem("token");
                if(token ==null || token ==undefined || token ==''){
                    //可以进行登录
                }else{
                    console.log("已经登录");
                    //已经登录，提示，是否退出
                    swal({
                        title: "已经登录!",
                        text: "点击下方按钮退出!",
                        type: "success",
                        showCancelButton: false,
                        confirmButtonColor: "#0EDCDD",
                        confirmButtonText: "退出",
                        closeOnConfirm: false
                    },function () {
                        sessionStorage.removeItem("token");
                        location.reload();
                    });
                }
            },
            timeCount:function () {
                var then = this;
                const TIME_COUNT = 10;
                if (!this.timer) {
                    this.count = TIME_COUNT;
                    this.show = false;
                    this.timer = setInterval(() => {
                        if (this.count > 0 && this.count <= TIME_COUNT) {
                            this.count--;
                        } else {
                            this.show = true;
                            then.dis = false;
                            clearInterval(this.timer);
                            this.timer = null;

                        }
                    }, 1000)
                }
            }
        },
        created:function () {

        },
        mounted(){
            setTimeout(() => {
                this.init111()

            }, 1000)


        }
    })


</script>
<script>
    //获取婚纱套系
    function getWeddingDress() {
        $.ajax({
            url:httpUrl+'/api/getWeddingDress',
            type:'get',
            success:function (res) {
                console.log(res);
                var html = template('wedding_dress', {data:res.data});
                document.querySelector('#wedding_dress_l').innerHTML = html
            }
        });
    }

    //获取金牌团队信息
    function getTeam() {
        $.ajax({
            url:httpUrl+'/api/getTeam',
            type:'get',
            success:function (res) {
                console.log(res);
                var html = template('team_script', {data:res.data});
                document.querySelector('#team').innerHTML = html
            }
        });
    }
    //获取作品
    function getWorkShow() {
        $.ajax({
            url:httpUrl+'/api/getWorkShow',
            type:'get',
            success:function (res) {
                console.log(res);
                var html = template('work_show_script', {data:res.data});
                document.querySelector('#work_show').innerHTML = html
            }
        });
    }
</script>
</html>